{% extends 'layoutTablas.html.twig' %}

{% block portada %}{% trans %}torneos{% endtrans %}{% endblock %}

{% block pagina %}
    {% embed 'reglon.html.twig' with {'size': 12, 'style': "default"} %}
        {% block panelhead %}
            {% trans %}tus.torneos{% endtrans %}
            <a href="{{path('torneo_new')}}" class="btn btn-primary">{%trans%}nuevo{%endtrans%}</a>
        {% endblock %}

        {% block panelbody %}
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover" id="tablaListado">
                    <thead>
                        <tr>
                            <th>{%trans%}nombre{%endtrans%}</th>
                            <th>{%trans%}ciudad{%endtrans%}</th>
                            <th>{%trans%}fecha.inicio{%endtrans%}</th>
                            <th>{%trans%}estado{%endtrans%}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for torneo in torneos %}
                        <tr>
                            <td>{{torneo.nombre}}</td>
                            <td>{{torneo.ciudad}}</td>
                            <td>{% if torneo.fechaInicio %}{{ torneo.fechaInicio|date('Y-m-d') }}{% endif %}</td>
                            <td>{{torneo.estadoString}}</td>
                            <td>
                                <ul>
                                    <li>
                                        <a href="{{ path('torneo_show', { 'id': torneo.id }) }}">show</a>
                                    </li>
                                    <li>
                                        <a href="{{ path('torneo_edit', { 'id': torneo.id }) }}">edit</a>
                                    </li>
                                    <li>
                                        <a href="{{ path('torneo_form', { 'id': torneo.id }) }}">edit</a>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        {% endblock %}
    {% endembed %}
{% endblock %}